<template>
	<div class="UsageRule">
		<div class="ruletitle" v-if="recordata">
			<span>{{recordata.relTitle}}</span>
		</div>
		<div class="ruleconcent" v-if="recordata" v-html="content">
			<!--<p>1、未使用宁家鲜生APP购买过商品的用户，可以享受新人享鲜价购买1件商品，单个商品超出1件后，该商品将全部回复原价。享鲜价的商品可以与首个订单的新人券同时使用。</p>
			<p>2、每张订单仅能只用一张新人券。如一个订单中同时满足多个新人券活动，需分开下单，即可使用</p>
			<p>3、使用新人券的订单发生退货时，新人券不退回。</p>
			<p>4、新人礼券自领取日起20日内有效，过期失效。</p>-->
		</div>
		<div v-if="!recordata">暂无数据</div>
	</div>
</template>

<script>
	export default {
		props: {
			recordata: {
				type: Object,
				default: () => {}
			},
			contentdata:{
				type: String,
				default: ''
			}
		},
		data() {
			return {

			}
		},
		computed: {
			content() {
				if(this.contentdata){
					return JSON.parse(this.contentdata).content;
				}
				
			}
			
		},
		methods: {
			
		},
		created() {

		},
		mounted() {
            
		}
		
	}
</script>

<style>
	.UsageRule .ruletitle span {
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.5);
		display: inline-block;
		font-size: 0.9rem;
		padding: 0.2rem 0.3rem;
	}
	
	.UsageRule .ruleconcent {
		text-align: left;
		padding: 1rem 1.2rem;
	}
	
	.UsageRule .ruleconcent p {
		color: #fff;
	}
</style>